<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.css"/>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/general.css"/>
		<style type="text/css">
			
			.alist{
				width: 100%;
				margin: 1em auto;
				background-color: white;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				flex-wrap: wrap;
			}
			.adiv{
				width: 33.3%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				padding: 0.5em;
			}
			.adimg{
				width: 30px;
				height: 30px;
				margin: 0.4em;
			}
			.adimg>img{
				width: 100%;
				height: 100%;
			}
			
			*{
				font-family: "微软雅黑";
				color: #2f2f2f;
				font-size: 0.9em;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hbg">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left colorw"></a>
		    <h1 class="mui-title">员工分析</h1>
		</header>
		<div class="mui-content">
		    
		    <div class="alist">
		    	<div class="adiv" onclick="goemlist(2)">
		    		<div class="adimg">
		    			<img src="../img/employess.png"/>
		    		</div>
		    		<div id="">
		    			员工提成明细
		    		</div>
		    	</div>
		    	
		    	<div class="adiv" onclick="gopage('commission')">
		    		<div class="adimg">
		    			<img src="../img/tchz.png"/>
		    		</div>
		    		<div id="">
		    			员工提成汇总
		    		</div>
		    	</div>
		    	
		    	<div class="adiv" onclick="gopage('results')">
		    		<div class="adimg">
		    			<img src="../img/results.png"/>
		    		</div>
		    		<div id="">
		    			员工业绩汇总
		    		</div>
		    	</div>
		    	
		    	
		    	<div class="adiv" onclick="goemlist(1)">
		    		<div class="adimg">
		    			<img src="../img/commission.png"/>
		    		</div>
		    		<div id="">
		    			项目提成汇总
		    		</div>
		    	</div>
		    	
		    	<div class="adiv" onclick="gopage('salary')">
		    		<div class="adimg">
		    			<img src="../img/salary.png"/>
		    		</div>
		    		<div id="">
		    			员工薪资统计
		    		</div>
		    	</div>
		    	
		    	
		    </div>
		    
		    
		    
		</div>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/req.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload = function(){
				
				
			}
			function goemlist(type){
				mui.openWindow({
				    url: 'analysis/employees-list.html?type='+type, 
				    id: 'employees-list',
				 });
				
			}
			function gopage(url){
				mui.openWindow({
				    url: 'analysis/' + url + '.html', 
				    id: url
				 });
				
			}
		</script>
	</body>

</html>